body,input,button,select,textarea,table{font-family:"Microsoft YaHei", "微软雅黑", "SimSun", "宋体";}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td,hr,button,article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section {margin:0;padding:0;}
fieldset,img {border:0;}
table{border-collapse:collapse;border-spacing:0;}
ol,ul{list-style:none;}
input,button,select,textarea{outline:none;}
textarea{resize:none;}
a:link, a:visited,a:hover, a:active {text-decoration: none;}
/*重设 HTML5 标签*/
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section {display:block;}
audio,canvas,video {display:inline-block;*display:inline;*zoom:1;}
p{margin-bottom:10px;}
/*==公用样式==*/
.clear:after {visibility:hidden;display:block;font-size:0;content:"";clear:both;height:0;}
.clear{zoom:1;}
a{color: #303030;display: inline-block;}

/*head*/
.head{position: absolute;top: 0;left: 50%;width: 1200px;margin-left: -600px;z-index: 1;}
.head > i{display: none;}
.head .logo{float: left;}
.head .nav,.head .en{float: right;}
.head .nav{margin-top: 33px;}
.head .en{margin-top: 30px;}
.head .nav ul li{float: left;}
.head .nav ul li a{margin: 0 35px;color: #fff;padding-bottom: 10px;border-bottom:1px solid transparent;transition: all 0.5s ease;}
.head .nav ul li a:hover{border-bottom: 1px solid #fff;}
.head .en a{width:28px;height: 28px;border-radius: 100%;border: 1px solid #fff;display: block;text-align: center;line-height: 28px;color: #fff;}

/*foot*/
.foot{background-color: #f3c980;padding: 25px 0;}
.foot .box{width: 1200px;margin: 0 auto;}
.foot .box > div{float: left;margin: 0 6.4%;}
.foot .foot-contact,.foot .foot-logo{margin-top: 24px!important;}
.foot .box .icon{margin: 14px 0;}
.foot .box .icon i{display: block;width: 39px;height: 39px;background: url("../images/phone.png") no-repeat;float: left;}
.foot .box .icon p{float: left;color: #fff;margin-top: 8px;margin-left: 15px;}
.foot .box .icon:nth-of-type(2) i{background-position-y:-39px;}
.foot .box .ma-box{float: left;text-align: center;}
.foot .box .ma-box:first-child{margin-right: 10px;}
.foot .box .ma-box p{color: #fff;margin-top: 5px;font-size: 12px;}
.foot > p{font-size: 12px;color: #fff;text-align: center;margin-top: 10px;margin-bottom: 0;}

@media screen and (max-width: 1024px){
    /*head*/
    .head{width: 100%;margin-left: 0;left: 0;top: 0;}
    .head .logo{margin-left: 10px;}
    .head .en{margin-right: 10px;}
    /*foot*/
    .foot .box{width: 747px;}
    .foot .box > div{margin: 0 1.4%;}
}
@media screen and (max-width: 960px){
    /*head*/
    .head .nav ul li a{margin: 0 20px;}
    /*foot*/
    .foot .box{width: 87%;}
    .foot .box .ma-box img{width: 110px;}
    .foot .foot-contact{margin-top: 0px !important;}
}
@media screen and (max-width: 800px){
    /*foot*/
    .foot .foot-logo{display: none;}
    .foot .box > div{margin: 0 6.4%}
    .foot .box{width: 100%;}
}
@media screen and (max-width: 736px){
    /*foot*/
    .foot .box > div{margin: 0 7.4%;}
    .foot > p{width: 90%;margin: 10px auto 0 auto;line-height: 20px;}
}
@media screen and (max-width: 670px){
    /*head*/
    .head .nav ul li a{margin: 0 15px}
    /*foot*/
    .foot .box > div{margin: 0 5.4%;}
}
@media screen and (max-width: 570px){
    /*head*/
    .head > i{display: block;width: 30px;height: 30px;float: right;margin-top: 20px;background: url("../images/nav.png") no-repeat;margin-right: 10px;cursor: pointer;}
    .head .logo img{width: 85px;}
    .head .nav{display: none;position: relative;top:23px;margin-top: 0;}
    .head .nav ul{border: 1px solid #fff;margin-right: 10px;background-color: rgba(255,255,255,0.7);}
    .head .nav ul li{float: none;text-align: center;}
    .head .nav ul li a{margin: 0;padding: 10px 20px;color: #303030;}
    .head .nav ul li a:hover{border-bottom: 1px solid transparent;}
    .head .en{margin-top: 20px;}
    /*foot*/
    .foot .box > div{margin: 0 2.4%;}
}
@media screen and (max-width: 480px){
    .foot .box > div{float: none;}
    .foot .box .ma{width: 300px;margin: 0 auto;}
    .foot-contact{display: none;}
}